<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>大数据-api</title>
    <link rel="stylesheet" href="./api.css">

    <!-- 引入字体图标 -->
    <link rel="stylesheet" href="../../assets/fonts/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <header class="head df jcsb aic">
        <h1><a href="#"><img src="../../assets/images/new-logo-white2.png" alt=""></a></h1>
        <ul class="df">
            <li><a href="../home/home.html">首页</a></li>
            <li class="active"><a href="./api.html">API</a></li>
            <li><a href="../customer/customer.html">案例</a></li>
        </ul>
        <div class="nav df ">
            <a class=" btn loginBtn" href="../login/login.html">登录</a>
            <a class=" btn regBtn " href="../register/register.html">注册有礼</a>
        </div>
    </header>
    <!-- 内容 -->
    <section class="apiContent wrap2">
        <div class="apiClassify ">
            <!-- 分类 -->
            <p class="apiC">API分类</p>
            <div class="apiA">
                <!-- <a href="#" class="active">全部</a>
                <a href="#">生活服务</a>
                <a href="#">金融科技</a>
                <a href="#">交通地理</a>
                <a href="#">充值缴费</a>
                <a href="#">数据智能</a>
                <a href="#">企业工商</a>
                <a href="#">应用开发</a>
                <a href="#">电子商务</a>
                <a href="#">吃喝玩乐</a>
                <a href="#">文娱视频</a>
                <a href="#" class="fbd">免费接口大全</a>
                <a href="#">短信</a>
                <a href="#">汽车</a>
                <a href="#">核验</a>
                <a href="#" class="fbd">最新发布</a>
                <a href="#" class="fbd">API私有化部署</a> -->
            </div>
            <!-- 搜索框 -->
            <div class="apiSearch df">
                <span class="fbd all">全部</span>
                <p class="searchsearch">
                    <input class="searchBox" type="text" placeholder="身份证实名">
                    <span class="iconfont icon-sousuo"></span>
                </p>

            </div>
            <!-- 项目盒子 -->
            <div class="itemBox">
                <!-- 第一行项目 -->
                <ul class="df fww">
                    <!--  <li class=" df jcc fdc aic">
                        <div class="move df jcc fdc aic">
                            <img src="../../assets/images/API_01.jpg" alt="">
                            <p class="pointer"><a href="#">2021出行防疫政策指南</a></p>
                            <p class="free"><a href="#">免费</a></p>
                        </div>
                        <a href="#" class="pleaseData">申请数据</a>
                    </li>
                    <li class=" df jcc fdc aic">
                        <span class="special">企业专用</span>
                        <div class="move df jcc fdc aic">
                            <img src="../../assets/images/API_02.jpg" alt="">
                            <p class="pointer"><a href="#">身份证实名认证</a></p>
                            <p class="free"><a href="#">￥0.2000/次</a></p>
                        </div>
                        <a href="#" class="pleaseData">申请数据</a>
                    </li>
                    <li class=" df jcc fdc aic">
                        <div class="move df jcc fdc aic">
                            <img src="../../assets/images/API_03.jpg" alt="">
                            <p class="pointer"><a href="#">天气预报</a></p>
                            <p class="free"><a href="#">免费</a></p>
                        </div>
                        <a href="#" class="pleaseData">申请数据</a>
                    </li>
                    <li class=" df jcc fdc aic">
                        <span class="special">企业专用</span>
                        <div class="move df jcc fdc aic">
                            <img src="../../assets/images/API_04.jpg" alt="">
                            <p class="pointer"><a href="#">银行卡四元素校验</a></p>
                            <p class="free"><a href="#">￥0.3360/次</a></p>
                        </div>
                        <a href="#" class="pleaseData">申请数据</a>
                    </li>
                    <li class=" df jcc fdc aic">
                        <span class="special">企业专用</span>
                        <div class="move df jcc fdc aic">
                            <img src="../../assets/images/API_05.jpg" alt="">
                            <p class="pointer"><a href="#">短信API服务</a></p>
                            <p class="free"><a href="#">￥0.0400/次</a></p>
                        </div>
                        <a href="#" class="pleaseData">申请数据</a>
                    </li> -->
                </ul>
            </div>
            <!-- 分页 -->
            <div class="page">
                <a class="pagee page1" href="#">1</a>
                <a class="pagee" href="#">2</a>
                <a class="pagee" href="#">3</a>
                <a class="pagee" href="#">4</a>
                <a class="pagee" href="#">5</a>
                <a class="pagee" href="#">6</a>
                <a class="pagee" href="#">7</a>
                <a class="pagee" href="#">8</a>
                <span>......</span>
                <a href="#" class="next">下一页 &gt;</a>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer wrap2 df fdc mb20">
        <!-- 上部 -->
        <div class="footerTop df jcsb mb40">
            <div class="footerLeft">
                <ul class="footerTit df ">
                    <li>联系与支持</li>
                    <li>关于源码</li>
                    <li>快速入口</li>
                    <li>产品服务</li>
                    <li>解决方案</li>
                </ul>
                <div class="df">
                    <ul class="footerCont">
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                    <ul class="footerCont">
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                    <ul class="footerCont">
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                    <ul class="footerCont">
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                    <ul class="footerCont">
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                </div>
            </div>
            <div class="footerRight">
                <p class="wx">微信公众号</p>
                <p class="ym">源码时代</p>
                <img src="../../assets/images/wechat-white.png" alt="">
            </div>
        </div>
        <!-- 底部 -->
        <div class="footerBot df jcsb">
            <div class="botLeft df">
                <a href="#"><img src="../../assets/images/bei2.png" alt=""></a>
                <a href="#"><img src="../../assets/images/bei1.png" alt=""></a>
                <p>增值电信业务经营许可证：蜀B2-20180596</p>
                <a href="#" class="footText">&emsp; 蜀ICP备15006450号-3</a>
                <a href="#" class="footText">&emsp;营业执照</a>
            </div>
            <div class="botRight">
                <p>源码大数据股份有限公司©版权所有</p>
            </div>
        </div>
    </footer>

    <!-- 蒙层 -->
    <div class="mask df jcc aic">
        <div class="dengLuBox">
            <div class="loginBox">
                <h1>
                    <a href="../home/home.html"><img src="../../assets/images/loginlogo.png" alt=""></a>
                </h1>
                <ul class="dengLu df jcc">
                    <li class="numLogin active">账号登录</li>
                    <li class="line">|</li>
                    <li class="scanLogin ">扫码登录</li>
                </ul>
                <!-- 登录框 -->
                <form class="change1" action="../home/home.html">
                    <div class="inputTop">
                        <div class="loginInput">
                            <span class="iconfont icon-denglu-copy"></span>
                            <input type="text" placeholder="用户名/手机号/邮箱" class="useNum">
                            <span class="iconfont icon-chacha x1"></span>
                        </div>
                        <div class="loginInput in2">
                            <span class="iconfont icon-mima"></span>
                            <input type="text" placeholder="密码" class="psd">
                            <span class="iconfont icon-chacha x2"></span>
                        </div>
                    </div>
                    <a href="#" class="forget">忘记密码</a>
                    <button class="denglu">登录</button>
                    <p class="noUse">还没有源码账号，
                        <a href="../register/register.html" class="now">立即注册</a>
                        <span class="iconfont icon-anniu-jiantouxiangyou ic"></span>
                    </p>
                    <!-- 用户名错误提示框 -->
                    <div class="format useFormat">用户名格式不正确</div>
                    <!-- 密码错误提示框 -->
                    <div class="format psdFormat">密码格式不正确</div>
                    <!-- 都正确提示框 -->
                    <div class="format trueFormat">登录成功</div>
                </form>
                <!-- 二维码 -->
                <div class="change2">
                    <div class="maBox">
                        <img src="../../assets/images/showqrcode.jpg" alt="">
                        <p class="scan">微信扫码登录</p>
                        <p>未关注源码科技公众号，请先关注后再登录</p>
                    </div>
                    <p class="noUse">还没有源码账号，
                        <a href="../register/register.html" class="now">立即注册</a>
                        <span class="iconfont icon-anniu-jiantouxiangyou ic"></span>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <script src="../../assets/js/fn.js"></script>
    <script src="./api.js"></script>
</body>

</html>